<div>
    <div class="right-conbox"  ng-controller="shiController">
        <div class="content-box">
            <div class="conBox-left"  ng-style="{'background-image':(roomData &&roomData.background && roomData.background!=='') ? 'url('+ serviceHttp + roomData.background + ')' : 'url(image/lougai.png)','background-size':'100%,100%'}">
                  <ul>
                        <li ng-repeat="current_room in roomList">
                            <a hover href="javascript:void(0)" ng-click="redirect('unit_distribute.html/'+ current_room.id)">
                                <img src="image/shi.png" class="IniconStyle" ng-style="{'left':current_room.xPoint+'px','top':current_room.yPoint+'px'}"/>
                            </a>
                            <div class="previewContent">
                                <table class="hover-box-style">
                                    <tr class="bott-style XF_colorstyle">
                                        <td>室名称：</td>
                                        <td></td>
                                        <!--<td>{{current_room.xPoint+','+current_room.yPoint}}</td>-->
                                        <td>{{current_room.name}}</td>
                                    </tr>
                                    <!--<tr class="bott-style XF_colorstyle">-->
                                        <!--<td>运行天数：</td>-->
                                        <!--<td></td>-->
                                        <!--<td>90</td>-->
                                    <!--</tr>-->
                                    <tr class="bott-style XF_colorstyle">
                                        <td>资产健康值：</td>
                                        <td></td>
                                        <td>{{current_room.score.toFixed(0)}}</td>
                                    </tr>
                                    <tr class="XF_colorstyle">
                                        <td>设备数量：</td>
                                        <td></td>
                                        <td>{{current_room.total}}</td>
                                    </tr>
                                    <tr>
                                        <td><span>online({{(current_room.online==0 || current_room.totle==0)?0:((current_room.online/current_room.total)*100).toFixed(2)}}%)</span>
                                        <td>
                                        <div class="progress">
                                            <div ng-class="['progress-bar', vm.procssOnlineStyle]"
                                                 ng-style="{width: (current_room.online==0 || current_room.total==0)?0:((current_room.online/current_room.total)*100).toFixed(2)+'%'}">
                                            </div>
                                        </div>
                                        </td>
                                        <td>{{current_room.online}}</td>
                                    </tr>
                                    <tr class="bott-style">
                                        <td><span>offline({{(current_room.offline==0 || current_room.totle==0)?0:((current_room.offline/current_room.total)*100).toFixed(2)}}%)</span></td>
                                        <td>
                                            <div class="progress">
                                                <div ng-class="['progress-bar', vm.procssOfflineStyle]"
                                                     ng-style="{width: (current_room.offline==0 || current_room.total==0)?0:((current_room.offline/current_room.total)*100).toFixed(2)+'%'}">
                                                </div>
                                            </div>
                                        </td>
                                        <td>{{current_room.offline}}</td>
                                    </tr>
                                    <tr class="XF_colorstyle">
                                        <td>报警数量：</td>
                                        <td></td>
                                        <td>{{current_room.lowAlert + current_room.highAlert}}</td>
                                    </tr>
                                    <tr>
                                        <td><span class="yellowWaringColor">黄色报警</span></td>
                                        <td>
                                            <div class="progress">
                                                <div ng-class="['progress-bar', vm.procssYellowStyle]"
                                                     ng-style="{width: (current_room.lowAlert==0 || current_room.total==0)?0:((current_room.lowAlert/current_room.total)*100).toFixed(2)+'%'}">
                                                </div>
                                            </div>
                                        </td>
                                        <td>{{current_room.lowAlert}}</td>
                                    </tr>
                                    <tr>
                                        <td><span class="redWaringColor">红色报警</span></td>
                                            <!--<span style="display: inline-block" class="progress"><i class="progress-bar"></i></span>-->
                                            <!--progress-bar-info - progress-bar-success - progress-bar-warning - progress-bar-danger-->
                                        <td>
                                            <div class="progress">
                                                <div ng-class="['progress-bar', vm.procssRedStyle]"
                                                     ng-style="{width: (current_room.highAlert==0 || current_room.total==0)?0:((current_room.highAlert/current_room.total)*100).toFixed(2)+'%'}">
                                                </div>
                                            </div>
                                        </td>
                                        <td>{{current_room.highAlert}}</td>
                                    </tr>
                                </table>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="Inparams-box">

                    <div class="Inparams-jkz fl">
                        <div class="Inparams-moudel-style mb15">
                            <span class="Inparams-moudel-title">运行天数</span>
                            <span class="Inparams-moudel-value">{{roomData.days}}天</span>
                        </div>
                        <div class="Inparams-moudel-style">
                            <span class="Inparams-moudel-title">资产健康值</span>
                            <span class="Inparams-moudel-value">{{roomData.score.toFixed(0)}}分</span>
                        </div>
                    </div>

                    <div class="Inparams-chart fl">
                        <div id="canvasUnitPir" style="width: 255px; height: 180px; "></div>
                    </div>

                    <div class="Inparams-chart fl">
                        <div id="canvasWaringPir" style="width: 255px; height: 180px; "></div>
                    </div>
                    <div class="clearfloat"></div>

                </div>
        </div>
    </div>

</div>
